﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="register.aspx.cs" Inherits="UKNOW_member_register" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>注册</title>
    <link href="css/uk.css" rel="stylesheet" type="text/css" />
    <link href="css/thickbox.css" rel="stylesheet" type="text/css" />
    <link href="css/jScrollPane.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.3.2.js" language="javascript" type="text/javascript"></script>
    <script src="js/swfobject.js" type="text/javascript"></script>
    <script src="js/thickbox.js" language="javascript" type="text/javascript"></script>
    <script src="js/jScrollPane.js" language="javascript" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
    <script src="js/uk.js" language="javascript" type="text/javascript"></script>
    <script src="js/Search.js" type="text/javascript"></script>
    <script src="js/common.js" type="text/javascript"></script>
    <script src="js/share.js" type="text/javascript"></script>
    <script src="js/bcwebtrends.js" type="text/javascript"></script>
    <script src="js/register.js" type="text/javascript"></script>
    <script src="js/followus.js" type="text/javascript"></script>
    <script src="../js/uknow_islogin.js" type="text/javascript"></script>
    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-27543073-4']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
        function nav() {

            if ($("#tbxUserName").val() == "请输入你的用户名" || $("#tbxUserName").val()=="") {

                $("#tbxPhone").val("");
               
                document.getElementById("errorUserName").innerHTML = "";
                $('#errorUserName').show().append("<span>请输入用户名</span>");
                //$("errrorUserName").css("display", "inline");
                //document.getElementById("errorUserName").style.visibility = "visible";
            }
            
            
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="main">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <div class="ukContent">
            <div class="ukLeft">
                <div class="uklogo">
                    <a href="home.html">
                        <img src="images/UK_logo.gif" alt="UK NOW" /></a></div>
                <dl class="ukNav">
                    <dt class="over"><a href="home.html">
                        <img src="images/UK_nav01.gif" alt="首页" border="0" /><img src="images/UK_nav01_1_1.gif"
                            alt="首页" style="display: none" /></a></dt>
                    <dt class="over"><a href="aboutuknow.html">
                        <img src="images/UK_nav02.gif" alt="简介" border="0" /><img src="images/UK_nav02_1_1.gif"
                            alt="简介" style="display: none" /></a></dt><dt class="over"><a href="eventcalendar.html"><img
                                src="images/UK_nav04.gif" alt="活动安排" border="0" /><img src="images/UK_nav04_1_1.gif"
                                    alt="活动安排" style="display: none" /></a></dt>
                    <dt class="over"><a href="interactivespace.aspx">
                        <img src="images/UK_nav05.gif" alt="发现英国元素" border="0" /><img src="images/UK_nav05_1_1.gif"
                            alt="发现英国元素" style="display: none" /></a></dt>
                    <dt class="over"><a href="sponsors.html">
                        <img src="images/UK_nav03.gif" alt="赞助商" border="0" /><img src="images/UK_nav03_1_1.gif"
                            alt="赞助商" style="display: none" /></a></dt>
                </dl>
                <dl class="ukSearch">
                    <dt>
                        <input name="" type="text" id="SearchValue" value="搜索" onfocus="this.value=''" />
                    </dt>
                    <dd>
                        <a href="#">
                            <img src="images/UK_bor03.gif" alt="" border="0" id="Search" /></a></dd>
                </dl>
                <div id="leftbar_reg" class="leftbar_reg">
                </div>
                <div id="leftbar_talk" class="leftbar_talk">
                </div>
                <div id="leftbar_impression">
                    <a href="vote.html?keepThis=true&TB_iframe=true&height=604&width=576" class="thickbox">
                        <img src="images/leftbar_impression.jpg" alt="" /></a></div>
                <script type="text/javascript">
                    var fo = new FlashObject("/cn/swf/leftbar_reg.swf", "Flash", "155", "150", "9", "#ffffff");
                    fo.addParam("menu", "false");
                    fo.addParam("scale", "noscale");
                    fo.addParam("wmode", "transparent");
                    fo.write("leftbar_reg");
                </script>
                <script type="text/javascript">
                    var fo = new FlashObject("/cn/swf/leftbar_talk.swf", "Flash", "155", "150", "9", "#ffffff");
                    fo.addParam("menu", "false");
                    fo.addParam("scale", "noscale");
                    fo.addParam("wmode", "transparent");
                    fo.write("leftbar_talk");

                    function openWin(src, width, height, showScroll) {
                        window.open(src,"","location=No,status=No,help=No,width="+ width +",height="+ height +";scroll:"+ showScroll + ";");
                        //Getsrc();
                    }

                    function fillImage(data) {
                        if (data) {
                            document.getElementById("BigImgs").src = "../uploadfiles/image/" + data + ".jpg";
                            document.getElementById("MidImgs").src = "../uploadfiles/image/" + data + ".jpg";
                            document.getElementById("SamlImgs").src = "../uploadfiles/image/" + data + ".jpg";
                            document.getElementById("HeadImg").value = data;
                        }
                    }

                    function Getsrc() {
                        $.post("imageedit/ImgSrc.aspx", { getsrc: "getsrc" }, function (data) {
                            if (data != null) {
                                alert(data);
                                document.getElementById("BigImgs").src = "../uploadfiles/image/" + data + ".jpg";
                                document.getElementById("MidImgs").src = "../uploadfiles/image/" + data + ".jpg";
                                document.getElementById("SamlImgs").src = "../uploadfiles/image/" + data + ".jpg";
                                document.getElementById("HeadImg").value = data;
                            }
                        });
                    }

                    function redirectPage() {
                        location.href = '/cn/home.html';
                    }
                </script>
            </div>
            <div class="ukRight">
                <div class="ukTopLink">
                    <p>
                        中文 <span>|</span> <a href="/en/register.aspx">EN</a></p>
                    <p class="share">
                        <span>关注我们</span> <a href="javascript:;">
                            <img src="images/UK_icon01_1.gif" id="sinaWeibo" alt="" /></a> <a href="javascript:;">
                                <img src="images/UK_icon02_1.gif" alt="" id="kaixin" /></a> <a href="javascript:;">
                                    <img src="images/UK_icon03_1.gif" alt="" id="bouban" /></a> <a href="javascript:;">
                                        <img src="images/UK_icon04_1.gif" alt="" id="qqWebbo" /></a> <a href="http://page.renren.com/ibc"
                                            target="_blank">
                                            <img src="images/UK_icon12_1.gif" alt="" id="renren" /></a></p>
                    <!--
        注释掉的代码是登录前状态，登录后变为一行代码 <acronym><span>Hytal</span>，欢迎来到艺述英国！<a href="#">[退出]</a></acronym>-->
                    <dl id="L_out" style="display: none;">
                        <dt><a href="register.aspx"><span>注册</span></a></dt>
                        <dd>
                            <a href="login.html?keepThis=true&TB_iframe=true&height=290&width=472" class="thickbox">
                                <span>登录</span></a></dd>
                    </dl>
                    <acronym id="L_in" style="display: none;"><span id="nicName"></span>，欢迎来到艺述英国！<a
                        href="#" onclick="logout();">[退出]</a></acronym>
                </div>
                <h1 class="reg">
                    <img src="images/UK_title03_1.gif" alt="REGISTRATION" width="560" height="49" /></h1>
                <div class="ukSearchResults">
                    <h3>
                        <img src="images/UK_R1.0_RegisterCN_01.gif" /></h3>
                    <dl class="leave">
                        <!--
              新增头像代码开始
            -->
                        <dt>用户头像</dt>
                        <dd class="head">
                            <ul>
                                <li class="lhead">
                                    <img src="images/userhead_img.jpg" id="BigImgs" width="140" height="140" alt="" /></li>
                                <li class="mhead">
                                    <img src="images/userhead_img.jpg" id="MidImgs" width="50" height="50" alt="" /></li>
                                <li class="shead">
                                    <img src="images/userhead_img.jpg" id="SamlImgs" width="30" height="30" alt="" /></li>
                            </ul>
                            <span class="userinfo">
                                <p>
                                    仅支持JPG、GIF格式文件，<br />
                                    且文件小于5M。</p>
                               
                                <input type="button" value="" onclick="openWin('imageedit/Default.aspx', '520px', '520px', 'no')" class="headupload" />
                 
                            </span>
                        </dd>
                        <dt class="red" style="display: none" id="erroruserhead"></dt>
                        <!--
              新增头像代码结束
            -->
                        <dt>电子邮件 <span>*</span></dt>
                        <dd>
                            <asp:TextBox ID="tbxUserMail" runat="server" Text="请输入你的常用邮箱"></asp:TextBox>
                            <img src="images/UK_icon05.gif" align="absmiddle" alt="" id="imageEmailInfo" style="display: none" />
                        </dd>
                        <dt class="red" style="display: none" id="errorEmail"></dt>
                        <dt>用户名 <span>*</span></dt>
                        <dd>
                            <asp:TextBox ID="tbxUserName" runat="server" Text="请输入你的用户名" MaxLength="10"></asp:TextBox>
                            <img src="images/UK_icon06.gif" align="absmiddle" alt="" id="imageUserNameInfo" style="display: none" />
                        </dd>
                        <dt class="red" style="display: none" id="errorUserName"></dt>
                        <dt>密码 <span>*</span></dt>
                        <dd>
                            
                            <asp:TextBox ID="tbxPwd" runat="server" onfocus="nav()" Text="请输入密码" TextMode="Password" MaxLength="18"></asp:TextBox>
                        </dd>
                        <dt class="red" style="display: none" id="errorPwd"></dt>
                        <dt>确认密码 <span>*</span></dt>
                        <dd>
                            <asp:TextBox ID="tbxConfimPwd" runat="server" Text="Confirm your passwords" TextMode="Password"
                                MaxLength="18"></asp:TextBox>
                            <asp:TextBox ID="HeadImg" runat="server"></asp:TextBox>
                        </dd>
                        <dt class="red" style="display: none" id="errorConfimPwd"></dt>
                        <script src="js/jquery-1.3.2.js" type="text/javascript"></script>
                        <script type="text/javascript">
                            document.getElementById("HeadImg").style.visibility = "hidden";
                            function acb() {




                               
                                var str = document.getElementById("tbxPhone").value;

                                if (/[^\d]/.test(str)) {


                                    document.getElementById("errorPhone").innerHTML = "";
                                    $('#errorPhone').show().append("<span>请输入正确的手机号</span>");
                                   // document.getElementById("isp").style.visibility = "visible";


                                } else {
                                    if (str.length!=11) {
                                        
                                        document.getElementById("errorPhone").innerHTML = "";
                                        // document.getElementById("isp").style.visibility = "visible";
                                        $('#errorPhone').show().append("<span>请输入正确的手机号</span>");
                                    }
                                    else {

                                        $('#errorPhone').css("display","none");
                                       // document.getElementById("isp").style.visibility = "hidden";
                                    }
                                }



                            }
                        </script>
                        <dt>手机</dt>
                        <dd>
                            <asp:TextBox ID="tbxPhone" runat="server" MaxLength=11 onchange="acb()" Text="请正确填写手机号"></asp:TextBox>
                            <%--<span id="isp" style="color: Red; visibility: hidden">请输入正确的电话号码</span>--%>
                        </dd>
                        <dt class="red" style="display: none" id="errorPhone"></dt>
                        <dt>验证码<span>*</span></dt>
                        <dd>
                            <asp:TextBox ID="tbxCheckCode" runat="server" Text="请输入验证码" CssClass="yzm"></asp:TextBox>
                            <img src="ValidateCode.ashx" alt="" class="left" id="ShowCode" />
                            <a href="#" id="linkUrl">
                                <img src="images/UK_Register_02.gif" alt="change" class="left" id="RunChange" /></a>
                        </dd>
                        <dt class="red" style="display: none" id="errorCode"></dt>
                    </dl>
                    <div class="clear">
                    </div>
                </div>
                <div class="ukSearchResultsbox">
                    <h3>
                        <img src="images/UK_R1.0_RegisterCN_02.gif" /></h3>
                    <ul>
                        <li>
                            <img src="images/UK_R1.0_Register_01.gif" />
                            <input name="" type="checkbox" value="Study Abroad" id="cbxStudy" runat="server" />
                            留学英国</li>
                        <li>
                            <img src="images/UK_R1.0_Register_02.gif" />
                            <input name="" type="checkbox" value="IELTS" id="cbxIELTS" runat="server" />
                            雅思</li>
                        <li>
                            <img src="images/UK_R1.0_Register_03.gif" />
                            <input name="" type="checkbox" value="Arts and Culture" id="cbxArts" runat="server" />
                            艺术</li>
                    </ul>
                    <div class="clear">
                    </div>
                </div>
                <div class="ukRegsitrtion">
                    <h2>
                        <span><a href="javascript:;" name="0">
                            <img src="images/UK_R1.0_Register_16_1.gif" alt="share with us" border="0" /><img
                                src="images/UK_R1.0_Register_16.gif" alt="share with us" border="0" style="display: none" /></a></span>您是通过何种途径获知“艺述中国”的？感谢分享！</h2>
                    <div class="box">
                        <dl>
                            <dt>门户网站：</dt>
                            <dd>
                                <span>
                                    <input name="" type="checkbox" value="Sina.com" id="cbxSina" runat="server" />
                                    新浪网</span> <span>
                                        <input name="" type="checkbox" value="Sohu.com" id="cbxSohu" runat="server" />
                                        搜狐网</span> <span>
                                            <input name="" type="checkbox" value="QQ.com" id="cbxTengxun" runat="server" />
                                            腾讯网</span>
                            </dd>
                        </dl>
                        <div class="clear">
                        </div>
                        <dl>
                            <dt>社区网站：</dt>
                            <dd>
                                <span>
                                    <input name="" type="checkbox" value="Sina weibo" id="cbxSinaWeibo" runat="server" />
                                    新浪微博</span> <span>
                                        <input name="" type="checkbox" value="Tengxun weibo" id="cbxTengxunWeibo" runat="server" />
                                        腾讯微博</span> <span>
                                            <input name="" type="checkbox" value="kaixin" id="cbxKaixin" runat="server" />
                                            开心网</span> <span>
                                                <input name="" type="checkbox" value="Douban" id="cbxDouban" runat="server" />
                                                豆瓣网</span> <span class="sl">
                                                    <input name="" type="checkbox" value="Renren" id="cbxRenren" runat="server" />
                                                    人人网</span><br />
                            </dd>
                        </dl>
                        <div class="clear">
                        </div>
                        <dl>
                            <dt>搜索引擎：</dt>
                            <dd>
                                <span>
                                    <input name="" type="checkbox" value="Google" id="cbxGoogle" runat="server" />
                                    谷歌</span> <span>
                                        <input name="" type="checkbox" value="Baidu" id="cbxBaidu" runat="server" />
                                        百度</span> <span>
                                            <input name="" type="checkbox" value="Bing" id="cbxBing" runat="server" />
                                            必应</span>
                            </dd>
                        </dl>
                        <div class="clear">
                        </div>
                        <dl>
                            <dt>线下渠道：</dt>
                            <dd>
                                <span>
                                    <input name="" type="checkbox" value="Offline" id="cbxOfflineEvents" runat="server" />
                                    线下活动</span> <span>
                                        <input name="" type="checkbox" value="Newspaper/Magazine" id="cbxNewspaper" runat="server" />
                                        报纸/杂志</span> <span class="recom">
                                            <input name="" type="checkbox" value="Outdoor Billboard/Flag" id="cbxOutdoor" runat="server" />
                                            户外广告牌/广告旗</span> <span>
                                                <input name="" type="checkbox" value="Taxi Ads" id="cbxTaxi" runat="server" />
                                                出租车广告</span> <span class="sl">
                                                    <input name="" type="checkbox" value="Metro Ads" id="cbxMetro" runat="server" />
                                                    地铁广告</span>
                            </dd>
                        </dl>
                        <div class="clear">
                        </div>
                        <dl>
                            <dt>其它：</dt>
                            <dd>
                                <span>
                                    <input name="" type="checkbox" value="BBS" id="cbxBBS" runat="server" />
                                    论坛</span> <span>
                                        <input name="" type="checkbox" value="TV/Radio" id="cbxTV" runat="server" />
                                        电视/电台</span> <span class="recom230">
                                            <input name="" type="checkbox" value="Recommendation from Friends" id="cbxRecommendtion"
                                                runat="server" />
                                            朋友推荐</span><br />
                                <asp:TextBox CssClass="w" ID="tbxOther" runat="server" Text="请详细描述.."></asp:TextBox>
                            </dd>
                        </dl>
                        <div class="clear">
                        </div>
                    </div>
                    <script type="text/javascript">
                        $(document).ready(function () {
                            $('.box').hide()
                            $('.ukRegsitrtion h2 a').click(function () {
                                var obj = $(this).attr('name');
                                if (obj == 0) {
                                    $('.box').slideDown();
                                    $(this).attr('name', 1);
                                    $('.ukRegsitrtion h2 a img').eq(0).hide();
                                    $('.ukRegsitrtion h2 a img').eq(1).show();
                                }
                                if (obj == 1) {
                                    $('.box').slideUp();
                                    $(this).attr('name', 0);
                                    $('.ukRegsitrtion h2 a img').eq(1).hide();
                                    $('.ukRegsitrtion h2 a img').eq(0).show();
                                }
                            })
                        })
                        function IsAgreed() {
                            if (document.getElementsByName("cbxAgreed")[0].checked) {

                                $("#divAgreed").css("display", "none");
                            }
                            else {
                                $("#divAgreed").css("display", "block");
                                return false;
                            }

                            if ($("#tbxUserName").val() == "" || $("#tbxUserName").val() == "请输入你的用户名") {
                                return false;

                            }
                        }
                    </script>
                    <div class="clear">
                    </div>
                </div>
                <div class="ukRead">
                    <dl>
                      <dt>
                        <span style="color:red;">*</span> <input name="" type="checkbox" value="" id="cbxAgreed"   runat="server"/>
                      </dt>
                      <dd>我已认真阅读和同意 <span><a href="privacy.html?keepThis=true&TB_iframe=true&height=500&width=542" class="thickbox">网站声明</a></span> 
		              <div style="display:none"  id="divAgreed">请确认您已经阅读并同意网站声明</div>
		              </dd>
                    </dl>
                    <h2>带<span>*</span>号为必填</h2>
                    <div class="clear">
                    </div>
                    <p>
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>
                                <asp:LinkButton ID="lbRegister" runat="server" OnClientClick="IsAgreed()" OnClick="lbRegister_Click"><img src="images/UK_Register.gif" alt="Register" id="register"  /></asp:LinkButton>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </p>
                    <div class="clear">
                    </div>
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
        <div id="footer">
            <dl>
                <dt><a href="http://www.britishcouncil.org.cn/zh/china.htm" target="_blank">
                    <img src="images/UK_Search_56.gif" alt="" border="0" /></a></dt>
                <dd>
                    <p>
                        <a href="http://www.britishcouncil.org.cn/zh/china.htm" target="_blank">英国大使馆文化教育处</a>
                        | <a href="contactus.html">联系我们</a> | <a href="privacy.html?keepThis=true&TB_iframe=true&height=500&width=542"
                            class="thickbox">隐私政策</a> | <a href="sitemap.html">网站地图</a></p>
                </dd>
            </dl>
        </div>
    </div>
    <asp:HiddenField ID="hidePhoneNum" runat="server" />
    <asp:HiddenField ID="hideOther" runat="server" />
    <asp:HiddenField ID="hideMail" runat="server" />
    <asp:HiddenField ID="hideUserName" runat="server" />
    </form>
    <!-- START OF SmartSource Data Collector TAG -->
    <!-- Copyright (c) 1996-2009 WebTrends Inc.  All rights reserved. -->
    <!-- Version: 8.6.2 -->
    <!-- Tag Builder Version: 3.0  -->
    <!-- ----------------------------------------------------------------------------------- -->
    <!-- Warning: The two script blocks below must remain inline. Moving them to an external -->
    <!-- JavaScript include file can cause serious problems with cross-domain tracking.      -->
    <!-- ----------------------------------------------------------------------------------- -->
    <script type="text/javascript">
        //<![CDATA[
        var _tag = new WebTrends();
        _tag.fpcdom = ".uknow.org.cn";
        _tag.dcsGetId();
        //]]>>
    </script>
    <script type="text/javascript">
        //<![CDATA[
        // Add custom parameters here.
        //_tag.DCSext.param_name=param_value;
        _tag.WT.sp = "China_uknow_reg";
        _tag.dcsCollect();
        //]]>>
    </script>
    <noscript>
        <div>
            <img alt="DCSIMG" id="DCSIMG" width="1" height="1" src="http://statse.webtrendslive.com/dcsozkqgb00000sh0y1unaabw_9e3r/njs.gif?dcsuri=/nojavascript&amp;WT.js=No&amp;WT.tv=8.6.2" /></div>
    </noscript>
    <!-- END OF SmartSource Data Collector TAG -->
</body>
</html>
